<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Unwired Usage</title>
	<meta name="author" content="Julien Evano">
	<link rel="stylesheet" href="common.css" type="text/css" media="screen" charset="utf-8">
	<script src="http://www.google.com/jsapi"></script>
	<script type="text/javascript" charset="utf-8">google.load("jquery", "1.4.2");</script>
	<script src="common.js" type="text/javascript" charset="utf-8"></script>
	<script src="popup.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<div id="title">
		<a id="link_logout">logout</a><a id="link_refresh">refresh</a>
		<img id="logo" src="https://www.unwired.com.au/images/header/logo.png" height="60px"/>
	</div>
	<div id="error"></div>
	<div id="content">
		<div id="usage">
			<div id="plan"></div>
			<div id="OFF_PEAK">
				<h2>Off-Peak Usage Summary<span class="progress"></span></h2>
				<div class="loading">Loading...</div>
				<div id="OFF_PEAK_time" class="small"></div>
				<table></table>
			</div>
			<div id="PEAK">
				<h2>Peak Usage Summary<span class="progress"></span></h2>
				<div class="loading">Loading...</div>
				<div id="PEAK_time" class="small"></div>
				<table></table>
			</div>
		</div>
		<div id="loginForm" style="display:none;">
			<h2>User Login</h2>
			<span>Check your user account</span>
			<form>
				<ul>
					<li><input type="text" name="login_name" placeholder="Username"/></li>
					<li><input type="password" name="login_password" placeholder="Password"/></li>
					<li><a id="forgotYourPassword" title="Forgot you password?">Forgot your Password</a></li>
					<li><input type="checkbox" name="rememberMe"/><label for="rememberMe">Remember me</label></li>
					<li><input type="button" value="Login"/></li>
				</ul>
			</form>
			<div id="link_about"><a>About</a></div>
		</div>
		<div id="about" style="display:none;">
			<h2>About</h2>
			<span>This extension is not provided by Unwired but extracts all its contents from http://www.unwired.com.au.</span>
			<ul>
				<li><label>Images and Icons</label><span>All images and icons are from http://www.unwired.com.au</span></li>
				<li><label>Login and Logout</label><span>The login and logout functionalities use those of http://www.unwired.com.au</span></li>
				<li><label>Usage Contents</label><span>The usage information is extracted from the usage page of http://www.unwired.com.au</span></li>
			</ul>
			<div>source code: <a id="link_sourcecode">https://code.google.com/p/unwired-usage/</a></div>
			<div><input type="button" value="Close"/></div>
		</div>
	</div>
	<div id="loading" style="display:none;"><span class="loading">Loading...<span></div>
</body>
</html>
